<%--
  Created by IntelliJ IDEA.
  User: free
  Date: 2017/11/9
  Time: 16:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>百度翻译API</title>
    <script src="${pageContext.request.contextPath}/resources/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/resources/js/bootstrap.min.js" type="text/javascript"></script>

    <script src="${pageContext.request.contextPath}/resources/js/translate.js" type="text/javascript"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/translate.css">

</head>
<body>
<jsp:include page="top.jsp"/>
<br><br>
<div class="container">
    <div class="row clearfix">
        <div class="col-sm-3 column">
            <div class="btn-group">
                <button class="btn btn-default" id="languageSelect" about="auto-en">自动检测语言</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
                <ul class="dropdown-menu"  style="min-width: 250px; float: left">
                    <li><a href="#" about="auto-en">自动检测语言</a></li>
                    <li class="divider"></li>
                    <li style="display: inline-block"><a href="#" about="zh-en">中文  》 英文</a></li>
                    <li style="display: inline-block"><a href="#" about="en-zh">英文  》 中文</a></li>
                    <li style="display: inline-block"><a href="#" about="zh-cht">中文  》 繁体</a></li>
                    <li style="display: inline-block"><a href="#" about="cht-zh">繁体  》 中文</a></li>
                    <li style="display: inline-block"><a href="#" about="zh-jp">中文  》 日语</a></li>
                    <li style="display: inline-block"><a href="#" about="jp-zh">日语  》 中文</a></li>
                    <li style="display: inline-block"><a href="#" about="zh-kor">中文  》 韩语</a></li>
                    <li style="display: inline-block"><a href="#" about="kor-zh">韩语  》 中文</a></li>
                    <li style="display: inline-block"><a href="#" about="zh-fra">中文  》 法语</a></li>
                    <li style="display: inline-block"><a href="#" about="fra-zh">法语  》 中文</a></li>
                    <li style="display: inline-block"><a href="#" about="zh-ru">中文  》 俄语</a></li>
                    <li style="display: inline-block"><a href="#" about="ru-zh">俄语  》 中文</a></li>
                    <li style="display: inline-block"><a href="#" about="zh-de">中文  》 德语</a></li>
                    <li style="display: inline-block"><a href="#" about="de-zh">德语  》 中文</a></li>
                    <li style="display: inline-block"><a href="#" about="zh-th">中文  》 泰语</a></li>
                    <li style="display: inline-block"><a href="#" about="th-zh">泰语  》 中文</a></li>
                </ul>
            </div>
        </div>
        <div class="col-sm-2 column">
            <button onclick="translateContext()" type="button" id="translateButton" class="btn btn-default btn-primary">翻译</button>
        </div>
    </div>
    <br>
    <br>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-6 column">
                <form role="form">
                    <div class="form-group">
                        <textarea class="form-control"  id="upTextarea" rows="8" placeholder="请输入您要翻译的内容"></textarea>
                    </div>
                </form>
            </div>
            <div class="col-md-6 column">
                <form role="form">
                    <div class="form-group">
                        <textarea class="form-control" id="downTextarea" rows="8" autocomplete="on"></textarea>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>


</body>

</html>
